<template>
    <Row>
        <div class="nav">
            <img src="../images/logo_home.png" height="50" width="180" class="nav_logo">
            <div class="nav_Home">企业端生产管理系统</div>
            <div class="nav_Right">
                <i-input icon="ios-search-strong" placeholder="搜索..." style="width: 200px" class="nav_Search"></i-input>
               <a href="#" class="icon_1"></a>
               <a href="#" class="icon_2"></a>
               <a href="#" class="icon_3"></a>
               <i-button type="ghost" shape="circle" class="icon_4"></i-button>
            </div>
        </div>
    </Row>
</template>
<script>
    export default {

    }
</script>
<style scoped>
.nav{
        width:100%;
        min-height:60px;
        background-color:#598df1;
        position:relative;
    }
    .nav_logo{
        display:block;
        position:absolute;
        top: 5px;
        left:5px;
    }
    .nav_Home{
        width:500px;
        height:60px;
        font-size:16px;
        font-weight:600;
        line-height:75px;
        color:#fff;
        text-indent:1em;
        position:absolute;
        top: 0px;
        left:200px;
    }
    .nav_Right{
        width:500px;
        height:60px;
        position:absolute;
        top: 0;
        right:0;
    }
    .nav_Search{
        margin:15px;
    }
    .icon_1{
        width:24px;
        height:26px;
        display:block;
        background:url('../images/icon-loggin.png');
        position:absolute;
        top: 17px;
        left:245px;
    }
    .icon_2{
        width:24px;
        height:26px;
        display:block;
        background:url('../images/icon-notification.png');
        position:absolute;
        top: 17px;
        left:295px;
    }
    .icon_3{
        width:24px;
        height:26px;
        display:block;
        background:url('../images/icon-setting.png');
        position:absolute;
        top: 17px;
        left:345px;
    }
    .icon_4{
        display:block;
        width:36px;
        height: 36px;
        background-image:url('../images/users.png');
        position:absolute;
        top: 12px;
        right:65px;
    }
</style>